<template>
  <div>
    <!-- id class key  如果是多个单词,第一个单词首字母小写,其他首字母大写 -->
    <Login :aaAdd="num">
      <template v-slot:head>
        <h1>我是头部的</h1>
      </template>

      <!-- 默认插槽 -->
      <template #default>
        <p>我是p标签,也是添加的</p>
        <p>我是p标签,也是添加的</p>
        <p>我是p标签,也是添加的</p>
      </template>
      <!-- <p>我是p标签,也是添加的</p>
      <p>我是p标签,也是添加的</p>
      <p>我是p标签,也是添加的</p> -->


      <template #footer>
        <div>我是底部的</div>
      </template>

    </Login>
  </div>
</template>

<script setup >
// 单词 首字母大写,如果是多个单词,多个单词大写
import { ref } from 'vue';
import Login from './App802slot.vue';
// 组件之间传值
let num = ref(3)

</script>

<style scoped></style>